<!DOCTYPE html>
<html lang="en" class="md device-pixel-ratio-3 device-retina device-desktop device-windows support-position-sticky" >

<head>
    <meta charset="utf-8" />
    <meta name="theme-color" content="#000000" />
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1" />
    <link rel="apple-touch-icon" href="favicon.ico" />
    <meta name="apple-mobile-web-app-title" content="坏坏漫画" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <meta name="referrer" content="never">

    <script type="text/javascript" src="js/debug.js"></script>
    <link rel="shortcut icon" href="./favicon.ico" />
    <title>皮肤设置</title>
    <link href="css/main.48b4036a.css" rel="stylesheet">
    <link href="css/aui.css" rel="stylesheet" />
    <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="js/layer.js"></script>
    <script type="text/javascript" src="js/jquery.lazyload.min.js"></script>
    <script type="text/javascript" src="js/template-web.js"></script>
    <script type="text/javascript" src="js/aui-toast.js"></script>
    <script type="text/javascript" src="js/aui-dialog.js"></script>
    <script type="text/javascript" src="js/config.js" charset="utf-8"></script>
<div style="display: none;">
</div>  
    

</head>

<body >
    <div id="root" style="height: 100%;">
        <div id="framework7-root" class="framework7-root color-theme-red">
            <div class="panel-backdrop"></div>
            <div class="panel panel-left panel-reveal">
                <div id="chapterDirectory" class="page">
                    <div class="page-content">
                        <div class="block-title">目录</div>
                        <div class="no-margin-bottom list virtual-list">
                            <ul id="leftpannel" style="height: 5667.84px;">
                                <li class="bg-color-default text-color-primary" style="height: 0.48rem; top: 0px; font-size: 110%; font-weight: 700;"><a class="item-link" href="#">
                                        <div class="item-content">
                                            
                                            <div class="item-inner">
                                                <div class="item-title">第1話-&lt;1&gt;</div>
                                            </div>
                                        </div>
                                    </a></li>
                                
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-right panel-reveal">
                <!-- 侧边栏 -->
                <div class="page" id="right-page">
                    <script>
                        $("#right-page").load("right-page.html");
                    </script>
                </div>
            </div>
            <div class="view view-main">
                
	<div class="page page-current" data-name="personalEditProfile">
	    <div class="navbar">
	        <div class="navbar-inner sliding">
	            <div class="left"><a class="icon-only link icon-only back" href="user.html"><i class="icon icon-back"></i></a></div>
	            <div class="title">主题设置</div>
	        </div>
	    </div>
	    <div class="page-content">
	        <div class="block-title">点击选择主题颜色</div>
	        <div class="block">
	            <div class="row">
	                <div class="margin-bottom col-33">
	                	<a class="button button-round button-fill button-raised color-red" href="#" data-value="color-theme-red">Red</a>
	                </div>
	                <div class="margin-bottom col-33">
	                	<a class="button button-round button-fill button-raised color-green" href="#" data-value="color-theme-green">Green</a>
	                </div>
	                <div class="margin-bottom col-33">
	                	<a class="button button-round button-fill button-raised color-blue" href="#" data-value="color-theme-blue">Blue</a>
	                </div>
	                <div class="margin-bottom col-33">
	                	<a class="button button-round button-fill button-raised color-pink" href="#" data-value="color-theme-pink">Pink</a>
	                </div>
	                <div class="margin-bottom col-33">
	                	<a class="button button-round button-fill button-raised color-yellow" href="#" data-value="color-theme-yellow">Yellow</a>
	                </div>
	                <div class="margin-bottom col-33">
	                	<a class="button button-round button-fill button-raised color-orange" href="#" data-value="color-theme-orange">Orange</a>
	                </div>
	                <div class="margin-bottom col-33">
	                	<a class="button button-round button-fill button-raised color-gray" href="#" data-value="color-theme-gray">Gray</a>
	                </div>
	                <div class="margin-bottom col-33">
	                	<a class="button button-round button-fill button-raised color-black" href="#" data-value="color-theme-black">Black</a>
	                </div>
	                <div class="margin-bottom col-33">
	                	<a class="button button-round button-fill button-raised color-violet" href="#" data-value="color-theme-violet">Violet</a>
	                </div>
	            </div>
	        </div>
	    </div>
	</div>

            </div>
            <div class="framework7-modals"></div>
            <div class="actions-backdrop"></div>
            <div class="dialog-backdrop"></div>
            <div class="dialog dialog-buttons-1 dialog-buttons-vertical reader-copy-modal modal-in" style="display: none; margin-top: -372px;">
                <div class="dialog-inner">
                    <div class="dialog-title"></div>
                    <div class="dialog-text"></div>
                    <input id="foo" type="link" value="" readonly="">
                </div>
                <div class="dialog-buttons">
                    <span class="dialog-button dialog-button-bold text-align-center text-color-primary" data-clipboard-action="copy" data-clipboard-target="#foo">复制链接</span>
                </div>
            </div>
            <div class="popover-backdrop"></div>
            <div class="toast">
                <div class="toast-content">
                    <div class="toast-icon"></div>
                    <div class="toast-text"></div>
                    <a class="toast-button"></a>
                </div>
            </div>
            
        </div>
    </div>
    <script type="text/javascript" src="js/yymh.js"></script>
    <script src="js/clipboard.min.js"></script>
    

<script type="text/javascript">
    //初始化过滤器事件
    //{ "code": 1, "result": "", "msg": "ok", "succ": true }
    function initFilterEvent() {
        $(".margin-bottom").find("a").click(function() {
            var that = $(this);
            var sv = that.data("value");
            localStorage.setItem("themecolor",sv); 
            console.log(localStorage.getItem("themecolor"));
            // $.post("/setmyui.html",{myui:sv},function(data){
            //     if(data.code==1){
            // 		$("#framework7-root").removeClass().addClass('framework7-root').addClass(sv);
            //     }
            // });
            $("#framework7-root").removeClass().addClass('framework7-root').addClass(sv);

        });

    }

    //初始化
    $(function() {
        initFilterEvent();
    });

</script>

</body>
</html>